<h1><i class="icon-sitemap"></i> Menu</h1>



<hr />





<h3>Container</h3>

<pre>
&lt;ul id="main-nav" class="pull-right"&gt;
	
	-- ALL ITEMS GO HERE --
	
&lt;/ul&gt;
</pre>





<hr />

<h3>Basic Item</h3>

<pre>
&lt;li&gt;
	&lt;a href="javascript:;"&gt;
		&lt;i class="icon-home"&gt;&lt;/i&gt;
		&lt;span&gt;Home&lt;/span&gt;        					
	&lt;/a&gt;
&lt;/li&gt;
</pre>





<hr />

<h3>Icon Only</h3>

<p><strong>NOTE: Be sure to add the class <code>.nav-icon</code> to the top-level LI element and wrap your link text in a <code>span</code> tag so it's hidden.</strong></p>
<pre>
&lt;li class="nav-icon"&gt;
	&lt;a href="javscript:;"&gt;
		&lt;i class="icon-home"&gt;&lt;/i&gt;
		&lt;span&gt;Home&lt;/span&gt;
	&lt;/a&gt;	    				
&lt;/li&gt;	
</pre>




<hr />

<h3>Dropdown Menu</h3>

<pre>
&lt;li class="dropdown"&gt;					
	&lt;a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"&gt;
		&lt;span&gt;span>Dropdown&lt;/span&gt;
		&lt;b class="caret"&gt;&lt;/b&gt;
	&lt;/a&gt;	

	&lt;ul class="dropdown-menu"&gt;
		&lt;li&gt;&lt;a href="#"&gt;Dropdown 1&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="#"&gt;Dropdown 2&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;    				
&lt;/li&gt;	
</pre>




<hr />

<h3>Multi-Level Dropdown Menu</h3>

<pre>
&lt;li class="dropdown"&gt;					
	&lt;a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"&gt;
		Multi-Level Dropdown
		&lt;b class="caret"&gt;&lt;/b&gt;
	&lt;/a&gt;	

	&lt;ul class="dropdown-menu"&gt;							
		&lt;li&gt;&lt;a href="javascript:;"&gt;Dropdown #1&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="javascript:;"&gt;Dropdown #2&lt;/a&gt;&lt;/li&gt;
		
       	 	&lt;li class="dropdown-submenu"&gt;
			&lt;a tabindex="-1" href="#"&gt;Dropdown menu&lt;/a&gt;
				
			&lt;ul class="dropdown-menu"&gt;
				&lt;li&gt;
				&lt;a tabindex="-1" href="#"&gt;Second level link&lt;/a&gt;
				&lt;/li&gt;
				&lt;li&gt;
				&lt;a tabindex="-1" href="#"&gt;Second level link&lt;/a&gt;
				&lt;/li&gt;
				&lt;li&gt;
				&lt;a tabindex="-1" href="#"&gt;Second level link&lt;/a&gt;
				&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/li&gt;        
                
	&lt;/ul&gt;    				
&lt;/li&gt;	
</pre>
